<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <script type="text/javascript" src="../libs/jquery.min.js"></script>
    <script type="text/javascript" src="../layui/layui.js"></script>

    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<!--<div class="layui-header"></div>-->
<!--导航栏-->
<ul class="layui-nav" style="background-color: #202020">
    <li class="layui-nav-item" style="width: 5%"></li>
    <li class="layui-nav-item" style="width: 13%" value="logo"><a href=""><img src="../imgs/brand/yoyoga.png"
                                                                               style="height: 50px"></a></li>
    <li class="layui-nav-item" style="width: 12%"></li>
    <li class="layui-nav-item" style="text-align: center;width: 8%"><a href="">主页</a></li>
    <li class="layui-nav-item" style="text-align: center;width: 8%">
        <a href="#">介绍</a>
        <dl class="layui-nav-child">
            <dd><a href="">瑜伽好处</a></dd>
            <dd><a href="">瑜伽流派</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item" style="text-align: center;width: 8%"><a href="">场馆</a></li>
    <li class="layui-nav-item" style="text-align: center;width: 8%">
        <a href="#">教练</a>
        <dl class="layui-nav-child">
            <dd><a href="">移动模块</a></dd>
            <dd><a href="">后台模版</a></dd>
            <dd class="layui-this"><a href="">选中项</a></dd>
            <dd><a href="">电商平台</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item" style="text-align: center;width: 8%"><a href="">社区</a></li>


    <!--<li class="layui-nav-item" style="float: right">
        <a href="#"><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
        <dl class="layui-nav-child">
            <dd><a href="#">个人主页</a></dd>
            <dd><a href="#">修改信息</a></dd>
            <dd><a href="#">我的钱包</a></dd>
            <dd><a href="#">我的好友</a></dd>
            <dd><a href="#">退出</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item"  style="float: right">
        <a href="">我的订单</a>
    </li>
    <li class="layui-nav-item" style="float: right">
        <a href="">消息<span class="layui-badge-dot"></span></a>
    </li>-->

    <li class="layui-nav-item" style="float: right">
        <a href="">注册</a>
    </li>
    <li class="layui-nav-item" style="float: right"><span style="color: #cccccc">|</span></li>
    <li class="layui-nav-item" style="float: right">
        <a href="">登陆</a>
    </li>
</ul>
<!--<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>常规轮播</legend>
</fieldset>-->
<!--<div class="layui-carousel" id="test2" style="width: 100%">-->
<!--<div carousel-item="">-->
<!--<div>条目1</div>-->
<!--<div>条目2</div>-->
<!--</div>-->
<!--</div>-->

<!--<div style="float: left;position: absolute;z-index: 99"><img src="imgs/brand/yoyoga.png"></div>-->
<div style="padding: 20px; background-color: #dddddd;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8 layui-col-md-offset2">
            <div class="layui-card">
                <div class="layui-card-header"
                     style="text-align: center;font-size: 20px;font-weight: bolder;height: 80px;line-height: 80px">为什么30岁~50岁后的人，都被建议练习瑜伽？
                </div>
                <div class="layui-card-body">
                    &nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><img src="//t.cn/RCzsdCq" class="layui-nav-img">心悦瑜伽小王教练</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span style="color: #777777">2019-08-07 20:17:31</span>
                    <hr>
                    <span class="layui-col-md10 layui-col-md-offset1">
                        <img src="../imgs/paging/page1/1.jpg" width="100%">
                        <br><br>
                        30岁后，我们的身体机能都开始走下坡路，新陈代谢也开始渐渐变缓...<br>
    
                        40岁后，身体开始慢慢发福，身材开始走样变形…<br>
    
                        50岁后，已开始显露衰老的迹象，鬓角已开始变白，身体技能也大不如从前…<br>
    
                        但是，如果从30岁开始瑜伽，甚至50岁、60岁开始瑜伽，就可以让身体保留住甚至超越年轻时的身体状态！<br>
    
    
    
                        <br>01<br>
    
                        缓解紧张、延缓衰老<br>
    
                        长时间的工作、学习很容易让身体高度紧张，在工作学习结束后，非常容易感到疲劳，而通过练习瑜伽，练习呼吸法，可以很快让全身得到放松，缓解身体疲劳，延缓衰老。<br>
    
    
    
                        <br>02<br>
    
                        促进代谢、保持身材<br>
    
                        瑜伽是能够有效活化人类体内细胞，促进新陈代谢，加速身体热量的消耗。如果进一步练习更能有效燃烧深层脂肪，便可消除赘肉，使体态更纤细，保持身材。<br>
    
    
    
                        <br>03<br>
    
                        平稳血压、心态平和<br>
    
                        研究表明，瑜伽可以让人更健康、心态更平和、放松。瑜伽的练习对控制血压非常有帮助，胸式呼吸、腹式呼吸都能够减压并使你彻底放松。此外，冥想对控制血压也非常有益。<br>
    
    
    
                        <br>04<br>
    
                        舒缓情绪、拒绝抑郁<br>
    
                        你要知道：任何年龄层的人都有可能会患上抑郁症、每个人，都有可能受到抑郁症的折磨。如果你感到焦虑、暴躁，那么对你而言最好的方式就是瑜伽，练习一些让你冷静下来的体式，比如前屈或者是让你平复的体式。<br>
    
                        在瑜伽中静下心来，舒展身心，让自我变得更加安宁、澄澈。做自己情绪的主人，向抑郁说再见。<br>
    
    
    
                        <br>05<br>
    
                        强身健体、远离疾病<br>
    
                        练习瑜伽能够锻炼身体的柔韧性，如果一个人平时总是肌肉紧张，会影响关节增加关节的压力。<br>
    
                        瑜伽就能解决问题，锻炼肌肉可以更好的塑造身形，变的更有魅力，练习瑜伽可以有效预防慢性的疾病，紧张生活不仅会感到疲劳，身体的脏器也会疲劳，久而久之就会出现疾病，坚持练习瑜伽远离疾病。<br>
    
                        通过瑜伽的练习，不只让身体恢复年轻态，还可以提升身体觉知力，让我们学会更多：爱自己，爱他人，学会包容，学会接纳。<br>
    
                        随着岁月的流逝，有的人会越来越衰老，有的人却能越来越强壮，如何选择你的人生，由你做主！<br>
                    </span>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                </div>
            </div>
        </div>
    </div>
</div>
<!--下边栏-->
<div class="layui-footer layui-container" style="width: 100%;height: 250px;background-color: #202020">
    <img src="../imgs/brand/yoyoga.png" alt="" style="width: 20%;margin-left: 40%;margin-top: 50px"/>
    <p style="font-size: large;width: 10%;margin-left: 44.5%;margin-top: 10px;text-align: center"><a href="../index.html"
                                                                                                     style="color: #777777">www.yoyoga.com</a>
    </p>
    <div class="layui-copy">
        <p style="font-size: 14px;color: #777777;width: 30%;margin-left: 40%;margin-top: 20px">© 2019 All Rights Reseved
            Template by esyoga </p>
    </div>
</div>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['element', 'layer'], function () {
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        var layer = layui.layer;

        //监听导航点击
        element.on('nav(demo)', function (elem) {
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
    layui.use(['carousel', 'form'], function () {
        var carousel = layui.carousel
            , form = layui.form;


        var $ = layui.$, active = {
            set: function (othis) {
                var THIS = 'layui-bg-normal'
                    , key = othis.data('key')
                    , options = {};

                othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                options[key] = othis.data('value');
                ins3.reload(options);
            }
        };

        //监听开关
        form.on('switch(autoplay)', function () {
            ins3.reload({
                autoplay: this.checked
            });
        });

        $('.demoSet').on('keyup', function () {
            var value = this.value
                , options = {};
            if (!/^\d+$/.test(value)) return;

            options[this.name] = value;
            ins3.reload(options);
        });

        //其它示例
        $('.demoTest .layui-btn').on('click', function () {
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });
</script>

</body>